<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王者荣耀首页</title>
    <link rel="stylesheet" href="../css/index1.css">
</head>
<body>
<!--上部内容-->
<div id="top">
    <div id="nav-top">
        <!--logo-->
        <div class="content">
            <img src="../logoBig.png" alt="" class="logo">

        <!--中部导航-->
            <ul class="nav-center ">
                <li><span>官网首页</span><span>HOME</span></li>
                <li><span>游戏资料</span><span>DATA</span></li>
                <li><span>攻略中心</span><span>RAIDERS</span></li>
                <li><span>赛事中心</span><span>MATCH</span></li>
                <li><span>商场/合作</span><span>STORE</span></li>
                <li><span>社区合作</span><span>COMMUNITY</span></li>
                <li><span>玩家支持</span><span>PLAYER</span></li>
                <!--登陆-->
               <div class="entry">
                   <span></span>
                   <span>
                       <span>欢迎登陆</span>
                       <span>登陆后查看游戏战绩</span>
                   </span>
               </div>
            </ul>
        </div>
    </div>
    <div class="content" id="box1">
        <div id="box01">
            <div class="box01-logo">
                <ul><li><img src="../slider01.jpg"></li></ul>
            </div>
                <ul class="box01-font">
                    <li class="on">无间傀儡元歌</li>
                    <li>S12新赛季爆料</li>
                    <li>王者助威世界杯</li>
                    <li>王者姿势大比拼</li>
                    <li>文学大赛好书推荐</li>
                </ul>
        </div>
        <div id="box02">
            <div class="box02-content">
            <ul class="box02-top">
                <li class="on"><sapn>全部</sapn><span></span></li>
                <li><sapn>新闻</sapn><span></span></li>
                <li><sapn>公告</sapn><span></span></li>
                <li><sapn>活动</sapn><span></span></li>
                <li><sapn>赛事</sapn><span></span></li>
                <li><sapn>...</sapn><span></span></li>
            </ul>
            <h1 class=""></h1>
            <h2 class="box02-ft">6月30日全服不停机更新公告</h2>
            <ul class="box02-font">
                <li><sapn>抢先服铠曙光守护者和裴擒虎梅</sapn><span>06/28</span></li>
                <li><sapn>6月30日体验服停机更新公告</sapn><span>06/30</span></li>
                <li><sapn>【超级赛事月】《王者荣耀》电竞</sapn><span>06/30</span></li>
                <li><sapn>6月30日抢先服不停机修复公告</sapn><span>06/29</span></li>
                <li><sapn>6月29日体验服停机更新公告</sapn><span>06/29</span></li>
                <li><sapn>S12段位继承新鲜出炉，排位不掉</sapn><span>06/29</span></li>
                <li><sapn>6月26日-6月29日巅峰赛中“演员”</sapn><span>06/29</span></li>
            </ul>

            </div>
        </div>
            <div id="box03">
                <a href="#"></a>
                <a href="#"></a>
                <a href="#"></a>
            </div>
    </div>
    <div class="content" id="box2">
        <div><img src="../banner01.jpg"/> </div>
        <div><img src="../banner02.jpg"/></div>
        <div><img src="../banner03.jpg"/></div>
        <div><img src="../banner04.jpg"/></div>
    </div>

</div>
<!--中部主要内容-->
<div class="content" id="box3">
    <div class="content-left">
        <div class="strategy">
            <div class="title">
                <h1>
                    <span></span>
                    攻略中心
                </h1>
                <a href="#" class="more">更多</a>
            </div>
            <div class="tab-three">
                <li></li>
                <li></li>
                <li></li>
            </div>
            <div class="labels"></div>
            <div class="box">
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </div>
        </div>
        <!--赛事中心-->
        <div class="match">
            <div class="title">
                <h1>
                    <span></span>
                    赛事中心
                </h1>
            </div>
        </div>
    </div>
    <div class="content-right">
        <!--英雄/皮肤-->
        <div class="hero">
            <div class="title">
                <h1>
                    <span></span>
                    英雄/皮肤
                </h1>
                <a href="#" class="more">更多</a>
            </div>
        </div>
        <!--kpl赛程-->
        <div class="kpl">
            <div class="title">
                <h1>
                    <span></span>
                    kpl赛程
                </h1>
                <a href="#" class="more">更多</a>
                <a href="#" class="buy">购票</a>
            </div>
        </div>
    </div>
</div>
<!--页面底部内容-->
</body>
</html>
